<template>
  <img class="Avatar-container" :src="url" alt="" :style="{width:size+'px',height:size+'px'}">
</template>

<script>
export default {
    props:{
        url:{
            type:String,
            required:true,
        },
        size:{
             type:Number,
             default:150,//默认值
        }    
    },//进行约束，传输类型、是否必传
    
}
</script>

<style scoped>
/* 形成带作用域的样式 */
.Avatar-container{
    object-fit: cover;
    border-radius: 50%;
    display: block;
}
</style>